@extends('backend.layout.content')
@section('nav')
    <div class="col-lg-10">
        <h3>Basic Form</h3>
        <ol class="breadcrumb">
            <li>
                <a href="{{admin_prefix()}}">主页</a>
            </li>
            <li>
                <a>管理员模块</a>
            </li>
            <li class="active">
                <strong>添加权限</strong>
            </li>
        </ol>
    </div>
@endsection
@section('content')
    <div class="ibox float-e-margins">
        <div class="ibox-content">
            <form class="form-horizontal m-t" id="commentForm" method="post" action="/{{admin_prefix()}}/roles/store">
                {{csrf_field()}}
                <div class="form-group">
                    <label class="col-sm-3 control-label">角色名称：</label>
                    <div class="col-sm-8">
                        <input name="name" placeholder="只能为英文单词,建议首字母大写" type="text" maxlength="10" class="form-control" required="" aria-required="true">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">描述：</label>
                    <div class="col-sm-8">
                        <input type="text" name="description" placeholder="角色描述,可以为中文" class="form-control" required="" aria-required="true">
                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">关联权限：</label>
                    <div class="col-sm-8">

                    </div>
                </div>
                <div class="hr-line-dashed"></div>
                <div class="form-group text-right">
                    <div class="col-sm-4 col-sm-offset-3">
                        <a href="javascript:history.go(-1)" class="btn btn-sm btn-info"><i class="fa fa-reply"></i> 返回</a>
                        <button class="btn btn-primary" type="submit"><i class="fa fa-check"></i>提交</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
@endsection
@section('js')
    <script src="/backend/js/plugins/validate/jquery.validate.min.js"></script>
    <script src="/backend/js/plugins/validate/messages_zh.min.js"></script>
    <script src="/backend/js/admin/role/form-validate.js"></script>
    <script src="/backend/js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
    @include('backend.layout.error')
@endsection